<?php
$segment_1='main';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?=set_base();?>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="">
<meta name="author" content="ThemeBucket">
<link rel="shortcut icon" href="#" type="image/png">
<title>登陆后台管理中心</title>

<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>

<body class="sticky-header">
<section>
    <!-- left side start-->
    <div class="left-side sticky-left-side"><?php include('global/side.php')?></div>
    <!-- left side end-->

    <!-- main content start-->
    <div class="main-content" >

    <!-- header section start-->
    <div class="header-section"><?php include('global/header.php')?></div>
    <!-- header section end-->

    <!-- page heading start-->
    <div class="page-heading">
        <h3>网站后台管理系统</h3>
        <ul class="breadcrumb">
            <li><a href="/webmaster/">网站后台管理系统</a></li>
            <li class="active"> 后台首页 </li>
        </ul>
        <div class="state-info">
            <section class="panel">
                <div class="panel-body">
                    <div class="summary">
                        <span>本次登录时间</span>
                        <h3 class="red-txt">2015-12-06 21:48:00</h3>
                    </div>
                </div>
            </section>
            <section class="panel">
                <div class="panel-body">
                    <div class="summary">
                        <span>上次登录时间</span>
                        <h3 class="green-txt">2015-12-06 21:48:00</h3>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <!-- page heading end-->

    <!--body wrapper start-->
    <div class="wrapper">
        <div class="row">
            <div class="col-md-6">
                <!--statistics start-->
                <div class="row state-overview">
                    <div class="col-md-6 col-xs-12 col-sm-6">
                        <div class="panel purple">
                            <div class="symbol">
                                <i class="fa fa-gavel"></i>
                            </div>
                            <div class="state-value">
                                <div class="value">230</div>
                                <div class="title">New Order</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xs-12 col-sm-6">
                        <div class="panel red">
                            <div class="symbol">
                                <i class="fa fa-tags"></i>
                            </div>
                            <div class="state-value">
                                <div class="value">3490</div>
                                <div class="title">Copy Sold</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row state-overview">
                    <div class="col-md-6 col-xs-12 col-sm-6">
                        <div class="panel blue">
                            <div class="symbol">
                                <i class="fa fa-money"></i>
                            </div>
                            <div class="state-value">
                                <div class="value">22014</div>
                                <div class="title"> Total Revenue</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xs-12 col-sm-6">
                        <div class="panel green">
                            <div class="symbol">
                                <i class="fa fa-eye"></i>
                            </div>
                            <div class="state-value">
                                <div class="value">390</div>
                                <div class="title"> Unique Visitors</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--statistics end-->
            </div>
            <div class="col-md-6">
                <!--more statistics box start-->
                <div class="panel deep-purple-box">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-7 col-sm-7 col-xs-7">
                                <div id="graph-donut" class="revenue-graph"></div>

                            </div>
                            <div class="col-md-5 col-sm-5 col-xs-5">
                                <ul class="bar-legend">
                                    <li><span class="blue"></span> Open rate</li>
                                    <li><span class="green"></span> Click rate</li>
                                    <li><span class="purple"></span> Share rate</li>
                                    <li><span class="red"></span> Unsubscribed rate</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--more statistics box end-->
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="panel">
                    <div class="panel-heading"> 系统信息 </div>
                    <div class="panel-body" style="line-height: 29px;">
                        <strong>PHP 程式版本：</strong>&nbsp;5.2.17p1<br>
                        <strong>MySql 版本：</strong>&nbsp;&nbsp;&nbsp;5.5.42<br>
                        <strong>服务器端信息：</strong>&nbsp;Apache<br>
                        <strong>最大上传限制：</strong>&nbsp;20M<br>
                        <strong>最大执行时间：</strong>&nbsp;30seconds<br>
                        <strong>邮件支持模式：</strong>&nbsp;Unix Sendmail ( Path: /usr/sbin/sendmail -t -i)<br>
                        <strong>Cookie 测试：</strong>&nbsp;&nbsp;SUCCESS<br>
                        <strong>服务器时间：</strong>&nbsp;&nbsp;&nbsp;2015-12-06 22:00:05<br>
                        <strong>数据库占用：</strong>&nbsp;&nbsp;&nbsp;0.47 M<br>
                        <strong>图片上次限制：</strong>&nbsp;&nbsp;&nbsp;2 M<br>
                        <strong>图片上次限制：</strong>&nbsp;&nbsp;&nbsp;2 M
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="panel">
                    <div class="panel-body">
                        <div class="row revenue-states">
                            <div class="col-md-6 col-sm-6 col-xs-12"><h4>网站访问统计</h4></div>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <ul class="revenue-nav">
                                    <li><a href="#">weekly</a></li>
                                    <li><a href="#">monthly</a></li>
                                    <li class="active"><a href="#">yearly</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="clearfix">
                                    <div id="main-chart-legend" class="pull-right"></div>
                                </div>

                                <div id="main-chart">
                                    <div id="main-chart-container" class="main-chart"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--body wrapper end-->

    <!--footer section start-->
    <?php include('global/footer.php')?>
    <!--footer section end-->


    </div>
    <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nicescroll.js"></script>

<!-- jQuery Flot Chart-->
<script src="js/flot-chart/jquery.flot.js"></script>
<script src="js/flot-chart/jquery.flot.tooltip.js"></script>
<script src="js/flot-chart/jquery.flot.resize.js"></script>

<!--Morris Chart-->
<script src="js/morris-chart/morris.js"></script>
<script src="js/morris-chart/raphael-min.js"></script>

<!--common scripts for all pages-->
<script src="js/scripts.js"></script>

<!--Dashboard Charts-->
<script src="js/dashboard-chart-init.js"></script>
</body>
</html>
